<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 

<html>
	<head>
		<script src="jquery-1.5.min.js"></script>
		<script src='db.js'></script>
		<script src='DataTables-1.7.5/media/js/jquery.dataTables.min.js'></script>

	</head>
	<body>
		<table id='tblMain'>
			<THEAD><TR><TH>TIME</Th><Th>TITLE</Th><Th>AMOUNT</Th></TR></THEAD>
			<TBODY><TR><TD>23</TD><td>ss</td><td>vsdvsd</td></tr></TBODY>
			<tfoot><TR><TD>TIME</TD><TD>TITLE</TD><TD>AMOUNT</TD></TR></tfood>
		</table>
		
		<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> 
			<thead> 
				<tr> 
					<th>Rendering engine</th> 
					<th>Browser</th> 
					<th>Platform(s)</th> 
					<th>Engine version</th> 
					<th>CSS grade</th> 
				</tr> 
			</thead> 
			<tbody> 
				<tr class="gradeX"> 
					<td>Trident</td> 
					<td>Internet
						 Explorer 4.0</td> 
					<td>Win 95+</td> 
					<td class="center">4</td> 
					<td class="center">X</td> 
				</tr> 
				<tr class="gradeC"> 
					<td>Trident</td> 
					<td>Internet
						 Explorer 5.0</td> 
					<td>Win 95+</td> 
					<td class="center">5</td> 
					<td class="center">C</td> 
				</tr> 


			</tbody> 
			<tfoot> 
				<tr> 
					<th>Rendering engine</th> 
					<th>Browser</th> 
					<th>Platform(s)</th> 
					<th>Engine version</th> 
					<th>CSS grade</th> 
				</tr> 
			</tfoot> 
		</table> 
		
		<script>
			database.ensureExist()
			//database.
					
			$(document).ready(function() {
				$('#tblMain').dataTable();
				$('#example').dataTable();
				
			} );
		</script>
	</body>
	
</html>